<!DOCTYPE html>
<html lang="zh-CN">
	<head>
		<meta charset="UTF-8">
		<title>COS交易酱</title>
		<meta name="viewport" content="width=device-width, initial-scale=1">
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<link rel="stylesheet" href="css/bootstrap-theme.min.css">
		<link href="css/font-awesome.min.css" rel="stylesheet">
		<link rel="stylesheet" href="cosjy.css">
		<script src="http://cdn.bootcss.com/jquery/1.11.1/jquery.min.js"></script>
		<script src="js/bootstrap.min.js"></script>
	</head>
	<body >
		<a href="#mainframe" class="sr-only sr-only-focusable">直接进入主内容区</a>
		<header>
			<nav  id="cosnavbar" class="navbar navbar-default navbar-fixed-top" role="navigation">
				<div class="container" >
					
					<a class="navbar-brand hidden-xs" href="#top">COS 交易酱</a>
					<form class="navbar-btn navbar-left col-xs-10 col-sm-5 col-md-4" role="search">
						<div class="input-group">
							<input type="text" class="form-control">
							<span class="input-group-btn">
							<button class="btn btn-success" type="button">
							<span class="hidden-xs">(○’ω’○)</span>
							<span class="visible-xs">^_^</span>
							</button>
							</span>
						</div>
					</form>
					<!-- XS 状态下的收缩 button-->
					<div class="navbar-header">
						<button type="button" class="navbar-btn navbar-toggle" data-toggle="collapse" data-target="#navbar-linklist">
						<span class="sr-only">Toggle navigation</span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						<span class="icon-bar"></span>
						</button>
					</div>
					<div class="collapse navbar-collapse" id="navbar-linklist">
						<ul class="nav navbar-nav navbar-right">
							<li class="disabled"><a href="#">妹子墙</a></li>
							<li class="disabled"><a href="#">漫展</a></li>
							<li class="disabled"><a href="#">帮助</a></li>
							<li><a href="http://bl.cosjiaoyi.com">玻璃志</a></li>
						</ul>
					</div>
				</div>
			</nav>
		</header>
		<!-- 全局大容器-->
		<div class="container">
			<!--Banner-->
			<div class="row">
				<div class="column-xs-12">
					<div id="loop" class="img-thumbnail">
						<img src="img/banner.jpg" alt="Banner Loop" class="img-responsive img-rounded">
					</div>
				</div>
			</div>
			<!--大设备上为三栏布局-->
			<div id="mainframe" class="row">
				<!--左侧微博列表-->
				<div class="col-xs-12 col-sm-9 col-md-7">
					<p>左侧微博列表</p>
					<!--上部翻页键-->
					<ul class="pager">
						<li><a href="#">&lt;</a></li>
						<li><a href="#">&gt;</a></li>
					</ul>
					<!--主列表-->
					<div id="weibo-list">
						<!--一条正文单图微博开始-->
						<div class="a-tweet">
							<div class="wblist-threewrap">
								<div class="wblist-twowrap">
									<div class="user-avatar">
										<img class="img-rounded" src="img/avatar.jpg">
									</div>
									<div class="wblist-main">
										<div class="wblist-id">
											<p class="user-name">kaikaiiiiiii</p>
											<div class="icon-area">
												<i class="vip"> </i>
											</div>

										</div>
										<div class="wblist-text">
											<p class="text">最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字</p>
										</div>
										<div class="wblist-single-image">
											<img class="single-image" src="img/thumbnail.jpg">
										</div>
										<div class="wblist-stamps">
											<p class="stamps pull-left"><span class="time">2014-07-31&nbsp;00:18:33</span></p>
											<p class="counter pull-right"><span class="comments" title="评论"><i class="fa fa-comment"></i> (123)</span>&nbsp;&nbsp;<span class="retweet" title="转发"><i class="fa fa-retweet"></i> (4)</span></p>
										</div>
									</div>
								</div>
								<div class="wblist-buttons">
									<div class="popup-btn">
									<p class="query-order">23456</p>
										<button type="button" class="btn btn-info wblink"><i class="fa fa-external-link"></i>&nbsp;&nbsp;跳转</button>
										<button type="button" class="btn btn-success btn-sm"><i class="fa fa-retweet"></i>&nbsp;&nbsp;转发</button>

									</div>
									<div class="sunk-btn">
										
										<!--button type="button" class="btn btn-success btn-sm"><i class="fa fa-thumbs-up"></i>&nbsp;&nbsp;好赞</button-->
									</div>
								</div>
							</div>
							<div class="clearfix"></div>
							<div class="devide-line"></div>
						</div>
						<!--一条正文单图微博结束-->
						<!--一条正文多图微博开始-->
						<div class="a-tweet">
							<div class="wblist-threewrap">
								<div class="wblist-twowrap">
									<div class="user-avatar">
										<img class="img-rounded" src="img/avatar.jpg">
									</div>
									<div class="wblist-main">
										<div class="wblist-id">
											<p class="user-name">kaikaiiiiiii</p>
											<div class="icon-area">
												<i class="vip"> </i>
											</div>
									</div>
										<div class="wblist-text">
											<p class="text">最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字</p>
										</div>
										<div class="wblist-multi-image">
											<img class="multi-image" src="img/square.jpg">
											<img class="multi-image" src="img/square.jpg">
											<img class="multi-image" src="img/square.jpg">
											<img class="multi-image" src="img/square.jpg">
											<img class="multi-image" src="img/square.jpg">
											<img class="multi-image" src="img/square.jpg">
											<img class="multi-image" src="img/square.jpg">
											<img class="multi-image" src="img/square.jpg">
											<img class="multi-image" src="img/square.jpg">
										</div>
										<div class="wblist-stamps">
											<p class="stamps pull-left"><span class="time">2014-07-31&nbsp;00:18:33</span></p>
											<p class="counter pull-right"><span class="comments" title="评论"><i class="fa fa-comment"></i> (123)</span>&nbsp;&nbsp;<span class="retweet" title="转发"><i class="fa fa-retweet"></i> (4)</span></p>
										</div>
									</div>
								</div>
								<div class="wblist-buttons">
																	<div class="popup-btn">
									<p class="query-order">23456</p>
									<button type="button" class="btn btn-info wblink"><i class="fa fa-external-link"></i>&nbsp;&nbsp;跳转</button>
									<button type="button" class="btn btn-success btn-sm"><i class="fa fa-retweet"></i>&nbsp;&nbsp;转发</button>
								</div>
									<div class="sunk-btn">
										<!--button type="button" class="btn btn-success btn-sm"><i class="fa fa-thumbs-up"></i>&nbsp;&nbsp;好赞</button-->
										
									</div>
								</div>
							</div>
							<div class="clearfix"></div>
							<div class="devide-line"></div>
						</div>
						<!--一条正文多图微博结束-->
						<!--一条引用多图微博开始-->
						<div class="a-tweet">
							<div class="wblist-threewrap">
								<div class="wblist-twowrap">
									<div class="user-avatar">
										<img class="img-rounded" src="img/avatar.jpg">
									</div>
									<div class="wblist-main">
										<div class="wblist-id">
											<p class="user-name">kaikaiiiiiii</p>
											<div class="icon-area">
												<i class="vip"> </i>
											</div>
										</div>
										<div class="wblist-text">
											<p class="text">最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字最多一共一百四十个字</p>
										</div>
										<div class="cite-tweet">
											<div class="wblist-threewrap">
												<div class="wblist-twowrap">
													<div class="wblist-main">
														<div class="wblist-id">
															<p class="user-name">kaikaiiiiiii</p>
															<div class="icon-area">
																<i class="vip"> </i><i class="hot"></i>
															</div>

														</div>
														<div class="wblist-text">
															<p class="text">原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字原文很多字</p>
														</div>
														<div class="wblist-multi-image">
															<img class="multi-image" src="img/square.jpg">
															<img class="multi-image" src="img/square.jpg">
															<img class="multi-image" src="img/square.jpg">
															<img class="multi-image" src="img/square.jpg">
															<img class="multi-image" src="img/square.jpg">
															<img class="multi-image" src="img/square.jpg">
															<img class="multi-image" src="img/square.jpg">
															<img class="multi-image" src="img/square.jpg">
															<img class="multi-image" src="img/square.jpg">
														</div>
														<div class="wblist-stamps">
															<p class="stamps pull-left"><span class="time">2014-07-31&nbsp;00:18:33</span></p>
															<p class="counter pull-right"><span class="comments" title="评论"><i class="fa fa-comment"></i> (123)</span>&nbsp;&nbsp;<span class="retweet" title="转发"><i class="fa fa-retweet"></i> (4)</span></p>
														</div>
													</div>
												</div>
												<div class="wblist-buttons">
																					<div class="popup-btn">
														<button type="button" class="btn btn-info wblink"><i class="fa fa-external-link"></i> </button>
													<button type="button" class="btn btn-success btn-sm"><i class="fa fa-retweet"></i> </button>
												</div>
													<div class="sunk-btn">
														<!--button type="button" class="btn btn-success btn-sm"><i class="fa fa-thumbs-up"></i>&nbsp;&nbsp;好赞</button-->
														
													</div>
												</div>
											</div>
										</div>
										<div class="wblist-stamps">
											<p class="stamps pull-left"><span class="time">2014-07-31&nbsp;00:18:33</span></p>
											<p class="counter pull-right"><span class="comments" title="评论"><i class="fa fa-comment"></i> (123)</span>&nbsp;&nbsp;<span class="retweet" title="转发"><i class="fa fa-retweet"></i> (4)</span></p>
										</div>
									</div>
								</div>
								<div class="wblist-buttons">
										<div class="popup-btn">
										<p class="query-order">23456</p>
									<button type="button" class="btn btn-info wblink"><i class="fa fa-external-link"></i>&nbsp;&nbsp;跳转</button>
									<button type="button" class="btn btn-success btn-sm"><i class="fa fa-retweet"></i>&nbsp;&nbsp;转发</button>
								</div>
									<div class="sunk-btn">
										<!--button type="button" class="btn btn-success btn-sm"><i class="fa fa-thumbs-up"></i>&nbsp;&nbsp;好赞</button-->
										
									</div>
								</div>
							</div>
							<div class="clearfix"></div>
							<div class="devide-line"></div>
						</div>
						<!--一条引用多图微博结束-->
						<!--列表最后一条特殊条-->
						<div class="weibo-last">
							<p class="text-center">没有找到你想要的？试一试我们的 <a href="#" title="监视工具">黑科技：奸视姬</a>，遇到想要的就通知你。</p>
						</div>
					</div>
					
					<!--微博列表结束-->
					
					<ul class="pagination pull-right">
						<li class="disabled"><a href="#">&larr;</a></li>
						<li class="active"><a href="#">1 <span class="sr-only">(current)</span></a></li>
						<li ><a href="#">2</a></li>
						<li ><a href="#">3</a></li>
						<li ><a href="#">4</a></li>
						<li ><a href="#">5</a></li>
						<li ><a href="#">6</a></li>
						<li ><a href="#">...</a></li>
						<li><a href="#">&rarr;</a></li>
					</ul>
				</div>
				<!--中间功能区按钮-->
				<div class="col-xs-12 col-sm-3 col-md-3">
					<p class="h1">中间为功能区</p>
					
				</div>
				<!--右侧装饰区-->
				<div class="hidden-xs hidden-sm col-md-2">
					<p class="h1">右边装饰区</p>
				</div>
			</div>
			<div class="row">
				<div class="column">
					<footer id="footer">
						<p class="text-center">页脚</p>
						<p class="text-center">页脚</p>
						<p class="text-center">页脚</p>
						<p class="text-center">页脚</p>
						<p class="text-center">页脚</p>
						<p class="text-center">页脚</p>
						<p class="text-center">页脚</p>
						<p class="text-center">页脚</p>
						
					</footer>
				</div>
			</div>
		</div>
	</body>